.doc-nav
    @media(min-width:760px)
        width: 340px
        padding-top: 32px
    li
        
        a
            @media(min-width:760px)
                text-decoration: none
                color: #2c2d2c
                padding: 1px 10px
                line-height: 15px 
                &:hover
                    text-decoration: underline
                    color: #2c2d2c
.nav.nav-inline li:not(:last-child)
    @media(min-width: 760px)
        border-right: 1px solid #2c2d2c
.img-cen
    margin: 0px auto
    display: block
.margin-top
    margin-top: 18px

.carousel .bn-img
    @media(min-width:1200px)
        max-width: 1920px
        display: block
        position: relative
        left: 50%
        margin-left: -50%

.first
    padding-bottom: 40px
    .liangcang
        color: #595757
        font-size: 37px
        margin: 25px 0px 10px 0px
        .sec-xin a
            font-size: 14px
    p
        color: #595757
        text-indent: 2em
        font-size: 16px
        padding-top: 10px
        .font-red
            color: #e4010a
    .stone
        margin-top: 20px

.sec
    background: url("/img/case-bg.jpg") 
    padding: 20px 0px 35px
    .liangcang
        color: #595757
        font-size: 37px
        margin: 0px 0px 30px 0px
        .sec-xin
            font-size: 14px
            color: black
            &:hover
                color: black
                text-decoration: underline
    .case-fir
        .beside
            widows: 100%
            margin-top: 20px
            @media(min-width:1000px)
                display: none
                
            .text
                border: 1px solid #ccc
                padding: 20px
                background: #FFF
                @media(min-width:1000px)
                    margin-bottom: 20px
                    height: 367px
                @media(min-width:1200px)
                    padding: 30px
                h2
                    color: #0068c1
                    font-size: 20px
                p
                    line-height: 28px
                    font-size: 14px
                    color: #303030
                    margin-top: 10px
                    @media(min-width:1200px)
                        margin-top: 20px
                .font-blue
                    @media(max-width:999px)
                        display: none
                    color: #0068c1
                    margin-top: 20px
            
            .img 
                
                img
                    border: 1px solid #ccc
                    @media(max-width: 999px)
                        margin-top: 10px
                        margin-bottom: 23px
                    @media(min-width:1000px)
                        height: 367px
                
        .beside.active
            @media(min-width:1000px)
                display: block
    .case-sec
        @media(max-width:999px)
            display: none
        .case-img
            position: relative
            .hover-title
                display: none
                background-color: rgba(86,86,86,0.9)
                color: white
                line-height: 40px
                text-align: center
                width: 310px
                position: absolute
                left: 50%
                transform: translateX(-50%)
                bottom: 0px
            .case-title
                display: block
                width: 310px
                height: 259px
                background-color: rgba(86,86,86,0.9)
                position: absolute
                top: 0px
                left: 50%
                transform: translateX(-50%)
                .cub
                    width: 245px
                    height: 110px
                    border: 6px solid #ffffff
                    margin: 80px auto
                    color: #ffffff
                    padding: 21px 5px
                    text-align: center
                    h1
                        font-size: 20px
                        margin-bottom: 8px
                    h3
                        font-weight: 300
        .case-img.active
            .hover-title
                display: block
            .case-title
                display: none

.thir
    padding: 20px 0px 35px
    .liangcang
        color: #595757
        font-size: 37px
        margin: 0px 0px 10px 0px
    .pro
        h2
            font-size: 23px
            line-height: 30px
            padding: 10px 0 20px
            color: #595757
            margin-top: 20px
        .pro-img
            .small
                @media(max-width: 999px)
                    display: block
                @media(min-width: 1000px)
                    display: none
        .pro-user
            .big
                @media(max-width: 999px)
                    display: none
                @media(min-width: 1000px)
                    display: block
            .usersay
                @media(max-width: 759px)
                    padding: 10px 10px
                span
                    color: #646464
                    font-weight: 700
                .say-con
                    margin-top: 10px
                    color: #646464
                    line-height: 30px
                    
                .suoqu
                    margin-top: 35px
                    position: relative
                    padding: 12px 24px
                    background-color: rgb(100,100,100)
                    color: #ffffff
                    width: 117px
                    @media(max-width: 999px)
                        margin-top: 20px
                    &:after
                        position: absolute
                        content: ""
                        height: 10px
                        width: 10px
                        border-left: 5px solid #ffffff
                        border-top: 5px solid rgba(100,100,100,0)
                        border-bottom: 5px solid rgba(100,100,100,0)
                        top: 17px
                        right: 20px
                    &:hover:after
                            animation: suoqu 1.2s infinite
@keyframes suoqu
    0%
        top: 17px
        right: 20px
    100%
        top: 17px
        right: -14px



